import Vue from 'vue'
import VueRouter from 'vue-router'

// 引入自定义路由
import routes from './route.js'

Vue.use(VueRouter)

const router = new VueRouter({
  routes,
  //scrollBehavior 函数接收 to和 from 路由对象，如 Navigation Guards。
  //第三个参数 savedPosition 当且仅当 popstate 导航 (通过浏览器的 前进/后退 按钮触发) 时才可用。
  scrollBehavior (to, from, savedPosition) {
    if (savedPosition) {
      //此处意思 即若回退页面，返回savedPosition，且页面不置顶
      return savedPosition
    } else {
      //此处意思 若页面跳转新页面，则页面置顶
      return { x: 0, y: 0 ,behavior:'smooth'}
    }
  }
})

// 以下可行，不过回退页面就，不能回到原位置
// router.beforeEach((to,from,next) => {
//   window.scrollTo({
//     top:0,
//     behavior:'smooth'
//   })
//   next()
// })

export default router
